<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>{% block title %}Non Stop Exchange.{% endblock %}</title>
    <link rel="stylesheet" href="/static/css/foundation.css" />
    {% block addcss %}
    {% endblock %}
    <script src="/static/js/vendor/modernizr.js"></script>
  </head>
  <body>
  <!-- Header and Nav -->
  {% block navigation_top %}

  <nav class="top-bar" data-topbar>
    <ul class="title-area">
      <!-- Title Area -->
      <li class="name">
        <h1>
          <a href="/">
            NonStopExchange
          </a>
        </h1>
      </li>
      <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
    </ul>
 
    <section class="top-bar-section">
      <!-- Left Nav Section -->
 
      <!-- Right Nav Section -->
      <ul class="right">
        <li class="divider"></li>
        <li class="has-dropdown">
        	<a href="active">Billboard</a>
          <ul class="dropdown">
            <li><a href="#">Search proposal</a></li>
            <li><a href="#">Publish proposal</a></li>
          </ul>
        </li>
        <li class="divider"></li>
        <li class="has-dropdown"><a href="#">Exchange</a>
          <ul class="dropdown">
        	<li><a href="#">Active conversation</a></li>
            <li><a href="#">Conversations archive</a></li>
           </ul>
        </li>
        <li class="divider"></li>
        <li class="has-dropdown"><a href="#">Dataroom</a>
          <ul class="dropdown">
        	<li><a href="#">My documents</a></li>
            <li><a href="#">Upload document</a></li>
           </ul>
        </li>
        <li class="divider"></li>
        <li><a href="#">My network</a></li>
        <li class="divider"></li>
        <li class="has-dropdown"><a href="#">Profile</a>
        	<ul class="dropdown">
        		<li><a href="#">Settings</a></li>
        		{% if user.is_authenticated %}
        		<li><a href="{% url 'signout' %}">Sign Out ({{user.first_name }})</a></li>
        		{% else %}
        		<li><a href="{% url 'signin' %}">Sign In</a></li>
        		<li><a href="{% url 'signup' %}">Sign Up</a></li>
        		{% endif %}
        	</ul>
        </li>
      </ul>
    </section>
  </nav>
 
  {% endblock %}
  <!-- End Header and Nav -->
 
 <br/>
 {% block main %}
 <!-- Main Page Content and Sidebar -->
 
  <div class="row">
 
    <!-- Contact Details -->
  <div class="row">
 
    <!-- Contact Details -->
    <div class="large-9 columns">
 
      <div class="section-container tabs" data-section>
        <section class="section">
          <h5 class="title"><a href="#panel1">New exchanger? Sign Up!</a></h5>
          <div class="content" data-slug="panel1">
            <form>
              <div class="row collapse">
                <div class="large-2 columns">
                  <label class="inline">Your Name</label>
                </div>
                <div class="large-10 columns">
                  <input type="text" id="yourName" placeholder="John Doe">
                </div>
              </div>
              <div class="row collapse">
                <div class="large-2 columns">
                  <label class="inline">Your Email</label>
                </div>
                <div class="large-10 columns">
                  <input type="text" id="yourEmail" placeholder="john.doe@gmail.com">
                </div>
              </div>
              <div class="row collapse">
                <div class="large-2 columns">
                  <label class="inline">Password</label>
                </div>
                <div class="large-10 columns">
                  <input type="text" id="yourEmail" placeholder="*************">
                </div>
              </div>
              <button type="submit" class="radius button">Sign up to exchange!</button>
            </form>
          </div>
        </section>
      </div>
    </div>
   
 
    <!-- End Contact Details -->
 
 
    <!-- Sidebar -->
 
 
    <div class="large-3 columns">
      <h5>what does it do?</h5>
      <!-- Clicking this placeholder fires the mapModal Reveal modal -->
      <p>
		Here is some text which describe benefits of registration in system and some basic rules. 
      </p>
    </div>
    <!-- End Sidebar -->
  </div>
 
  <!-- End Main Content and Sidebar -->
  {% endblock %}


   
  <!-- Footer -->
 
  <footer class="row">
    <div class="large-12 columns">
      <hr />
      <div class="row">
        <div class="large-6 columns">
          <p>© Copyright "NonStopExchange" ltd.</p>
        </div>
 	  {% block navigation_bottom %}
        <div class="large-6 columns">
          <ul class="inline-list right">
            <li><a href="#">Billboard</a></li>
            <li><a href="#">Exchange</a></li>
            <li><a href="#">Dataroom</a></li>
            <li><a href="#">Profile</a></li>
          </ul>
        </div>
      {% endblock %}
      </div>
    </div>
  </footer>  
  
  
  <script src="/static/js/vendor/jquery.js"></script>
  <script src="/static/js/foundation.min.js"></script>
  <script>
    $(document).foundation();
  </script>  
  </body>
</html>
